<!-- 录音题 -->
<template>
    <div>
        <ul class="list-option paddingLR15">
            <li>
                <div class="border-box">
                    <div class="box-table" style="width: 100%;">
                        <div class="title" v-if="que.progressAttemptList[0].atmResponseBil">
                            <audio style="margin-top: 20px;"  controls="controls" v-if="que.progressAttemptList[0].atmResponseBil"  :src="appUrl + que.progressAttemptList[0].atmResponseBil" width="500" height="40" ></audio>
                            <!-- <span class="box-table-cell" style="padding-left: 15px;" v-html="que.progressAttemptList[0].atmResponseBil"></span> -->
                        </div>
                        <div class="title" v-else>
                            <span class="box-table-cell" style="padding-left: 15px;">{{ $t("exam_rpt_not_yet_answered") }}</span><!--尚未回答-->
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <p v-if="(isOnlineExam && aeClassParamVO.acpQueInd) || (!isOnlineExam && modResContent.includes('2'))" class="font-size14 paddingLR15" style="padding-top: 17px;">{{ $t("exam_rpt_nbr_score") }}<span style="padding-left: 5px;">({{ que.getScore === -1 ? '--' : que.getScore }}/{{ que.totalQueScore }})</span></p><!--本题得分-->
        <div class="paddingLR15 clearfix" style="padding-top: 28px;" v-if="((isOnlineExam && aeClassParamVO.acpAnsInd) || (!isOnlineExam && modResContent.includes('3')))">
            <p>{{ $t("exam_rpt_nbr_anwser") }}</p><!--参考答案-->
            <p class="font-size14 color666" style="margin-top: 15px;">{{ que.queRightOpt ? que.queRightOpt : '' }}</p>
        </div>
        <div class="paddingLR15 clearfix" style="padding-top: 28px;" v-if="(isOnlineExam && aeClassParamVO.acpDescInd) || (!isOnlineExam && modResContent.includes('4'))">
            <p class="box-23"><span class="line"></span><span class="title">{{ $t("exam_rpt_que_analysis") }}</span></p><!--解析-->
            <p class="font-size14 color666" style="margin-top: 15px;">{{ que.resDesc || $t('null') }}</p>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        que: {
            type: Object,
            default: () => {
                return {};
            }
        },
        aeClassParamVO: {
            type: Object,
            default: () => {
                return {};
            }
        },
        isOnlineExam: { // 是否是线上考试
            type: Boolean,
            default: true
        },
        modResContent: { // 训后考试: 结果查看内容:1考试成绩2每题得分3题目答案4题目解析
            type: Array,
            default: () => {
                return [];
            }
        }
    }
};
</script>
<style lang="less" scoped>
</style>
